<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="./waterfall.css" />
    <title>waterfall</title>
  </head>
  <body>
    <div id="waterfall">
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img22.jpg"/>
          <span>oneday</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img16.jpg"/>
          <span>沙海</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img17.jpg"/>
          <span>coffee</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img18.jpg"/>
          <span>bread</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img19.jpg"/>
          <span></span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img20.jpg"/>
          <span>map</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img21.jpg"/>
          <span>me</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img22.jpg"/>
          <span>oneday</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img17.jpg"/>
          <span>coffee</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img18.jpg"/>
          <span>bread</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img23.jpg"/>
          <span>水母 Jellyfish</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img24.jpg"/>
          <span>firework</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img17.jpg"/>
          <span>coffee</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img18.jpg"/>
          <span>bread</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img27.jpg"/>
          <span>surfing</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img28.jpg"/>
          <span>boat</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img19.jpg"/>
          <span></span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img20.jpg"/>
          <span>map</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img25.jpg"/>
          <span>moon</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img26.jpg"/>
          <span>city</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img27.jpg"/>
          <span>surfing</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img28.jpg"/>
          <span>boat</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img29.jpg"/>
          <span>sea</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img30.jpg"/>
          <span>bench</span>
        </a>
      </div>
      <div class="item">
        <a href="http://www.baidu.com">
          <img src="img/img31.jpg"/>
          <span>mount</span>
        </a>
      </div>
      <!-- insertAdjacentHTML -->
    </div>
    <script type="text/javascript" src="./waterfall.js"></script>
  </body>
</html>